<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
.indexBody{
  background:#fff;
}
.container{
  margin-top:60px;
}
.topNav{
  width:auto;
  position: relative;
  background:#ccc;
  padding:0 58px;
}
.topNav li{
  width:128px;
  height:194px;
  float:left;
  background:none;
  margin-right:40px;
  color:#fff;
  padding:0;
  box-sizing: border-box;
  box-shadow:initial;
  border-radius:0;
}
.topNav li.last{
  margin-right:0;
}
.topNav li a{
  width:100%;
  height:100%;
  display:block;
  font-size: 28px;
  color: #000000;
  letter-spacing: 0.23px;
  text-align: center;
  font-weight: 400;
}
.topNav li i{
  display:block;
  width:128px;
  height:128px;
  background:#eee;
  float:left;
  border-radius:50%;
  box-shadow: 0 0 24px 0 rgba(24,24,24,0.1);
  margin-bottom:30px;
}
.topNav li i.ico01{
  background:url(trs_index_icon_03.png) center;
  background-size: 128px 128px;
}
.topNav li i.ico02{
  background:url(trs_index_icon_05.png) center;
  background-size: 128px 128px;
}
.topNav li i.ico03{
  background:url(trs_index_icon_07.png) center;
  background-size: 128px 128px;
}
.topNav li i.ico04{
  background:url(trs_index_icon_09.png) center;
  background-size: 128px 128px;
}

.topNav li h2{
  float:left;
  margin-left:18px;
  margin-bottom:6px;
  font-size:22px;
  margin-top:-2px;
}
.topNav li p{
  float:left;
  margin-left:18px;
  font-size:14px;
}
.topNav li p a{
  color:#fff;
}

.products{
  margin-top:96px;
}

.products h2.title{
  font-size: 72px;
  color: #099742;
  letter-spacing: 0.6px;
  text-align: center;
  font-weight: 700;
}
.products h2.title span{
  width:456px;
  font-size: 28px;
  color: #ABABAB;
  letter-spacing: 0.23px;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
  display:block;
  margin:0 auto;
  margin-top:30px;
}
.products ul{
  margin-top:42px;
  width:auto;
  padding:0 40px;
}
.products li{
  width:670px;
  height:820px;
  float:initial;
  margin-right:0;
  border-radius: 30px;
  background:#fff;
  box-shadow: 0px 0px 12px 0px rgba(195,195,195,0.5);
  position: relative;
  overflow: hidden;
  margin-bottom:40px;
  /* transition: width .5s linear 0s; */
}
.products li.i01{
  background:url(trs_biga.jpg) -480px 0 no-repeat;
  background-size:1162px 824px;
}
.products li.i02{
  background:url(trs_bigb.jpg) -480px 0 no-repeat;
  background-size:1162px 824px;
}
.products li.i03{
  background:url(trs_bigc.jpg) -480px 0 no-repeat;
  background-size:1162px 824px;
}
.products li.active{
  width:670px;
  height:820px;
  box-shadow: 0px 0px 12px 0px rgba(195,195,195,0.5);
  /* transition: width .5s linear 0s; */
}
.products li.active h2{
  width:456px;
}
.products li.last h2{
  width:100%;
}
.products li.last{
  margin-right:0;
}
.products .more a{
  display: none;
}
.products li&gt;*{
  position: absolute;
  left:30px;
}
.products li i{
  width:180px;
  height:44px;
  border-radius: 44px;
  display: block;
  background:#ffad67;
  color:#fff;
  text-align: center;
  line-height:44px;
  top:40px;
  font-size:28px;
}
.products li h2{
  font-size:56px;
  width:480px;
  color:#00b15e;
  top:112px;
}
.products li p{
  display:none;
}
.products li a{
  display:none;
}
.products li.active p,.products li.active a{
  display:none;
}



.news{
  margin-top:118px;
  margin-bottom:142px;
  padding:0 40px;
  width:auto;
}
.news .more a{
  display: block;
  width:100%;
  height:80px;
  background: #51AB6D;
  border-radius: 8px;
  border: 0;
  font-size: 28px;
  color: #fff;
  letter-spacing: 0.23px;
  text-align: center;
  font-weight: 400;
  line-height:80px;
}

.news h2.title{
  font-size: 72px;
  color: #099742;
  letter-spacing: 0.6px;
  text-align: center;
  line-height: 36px;
  font-weight: 700;
  margin-bottom:42px;
}
.news h2.title span{
  font-size: 14px;
  color: #ABABAB;
  letter-spacing: 0.23px;
  text-align: center;
  line-height: 20px;
  font-weight: 400;
  display:none;
  margin-top:11px;
}
.news .tab{
  text-align: center;
  margin-bottom:28px;
}
.news .tab p{
  width:220px;
  height:72px;
  border:2px solid #4BB439;
  line-height:72px;
  display:inline-block;
  font-size: 32px;
  color: #4BB439;
  letter-spacing: 0.27px;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  border-radius: 36px;
}
.news .tab p.active{
  background: #16AE66;
  color:#fff;
}
.news .tab p:first-child{
  margin-right:20px;
}
.news .content .item{
  display:none;
}
.news .content .item.active{
  display:block;
}
.news .content .item ul{
  width:100%;
}
.news .content .item ul.mobiList{
  float:initial;
}
.news .content .item ul.mobiList li{
  height:auto;
  border-bottom:2px solid #EDEDED;
  padding-bottom:60px;
  margin-bottom:60px;
}
.news .content .item ul.mobiList li.list{
  height:auto;
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:60px;
}
.news .content .item ul.mobiList li:first-child{
  border-bottom:2px solid #EDEDED;
  padding-bottom:60px;
  margin-bottom:60px;
}
.news .content .item ul.mobiList span{
  display: block;
  width:auto;
  height:44px;
  border-radius: 8px;
  float:initial;
  text-align: left;
  font-size: 40px;
  color: #989898;
  letter-spacing: 0;
  line-height: 44px;
  font-weight: 200;
  background:none;
  padding-top:0;
  box-sizing: border-box;
  margin-right:0;
  margin-bottom:22px;
}
.news .content .item ul.mobiList h2{
  font-size: 36px;
  color: #000000;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom:20px;
}
.news .content .item ul.mobiList p{
  font-size: 28px;
  color: #797979;
  letter-spacing: 0;
  line-height: 56px;
  font-weight: 400;
  text-align:justify;
}
.news .content .item ul.mobiList p a{
  color:#16AE66;
}





.aboutUs{
  width:auto;
  overflow: hidden;
  padding:0 40px;
  margin-top:50px;
  margin-bottom:80px;
}
.aboutUs .fl{
  width:100%;
  height:auto;
  float:initial;
  margin-bottom:66px;
}
.aboutUs .fl img{
  width:100%;
}
.aboutUs .fr{
  width:100%;
  height:auto;
  float:initial;
}
.aboutUs h2{
  width: 100%;
  font-size: 72px;
  color: #099742;
  letter-spacing: 0.6px;
  line-height: 72px;
  font-weight: 800;
  text-align: center;
}
.aboutUs h2 span{
  height: 40px;
  font-size: 28px;
  color: #16AE66;
  letter-spacing: 0.27px;
  line-height: 40px;
  font-weight: 400;
  margin-top:22px;
  display:block;
  margin-bottom:60px;
}

.aboutUs .fr p{
  width: 100%;
  height: auto;
  font-size: 28px;
  color: #343434;
  letter-spacing: 0;
  text-align: justify;
  line-height: 52px;
  font-weight: 200;
}
.aboutUs .fr .btn{
  width: 670px;
  height: 80px;
  background: #51AB6D;
  border-radius: 8px;
  font-size: 28px;
  color: #FFFFFF;
  letter-spacing: 0.23px;
  text-align: center;
  line-height: 80px;
  font-weight: 400;
  margin-top:40px;
}
.aboutUs .fr ul{
  width:100%;
  height:77px;
  border-top: 1px solid rgba(210,210,210,1);
  margin-top:16px;
  
}
.aboutUs .fr ul li{
  float:left;
  margin-top:16px;
  position: relative;
  cursor: pointer;
}
.aboutUs .fr ul li.i01{
  width:177px;
}
.aboutUs .fr ul li.i02{
  width:200px;
  padding-left:10px;
  box-sizing: border-box;
}
.aboutUs .fr ul li.i03{
  width:177px;
  float:right;
}
.aboutUs .fr ul li::before{
  content:'';
  width:1px;
  height:63px;
  border-right:1px dotted #E4E4E4;
  position: absolute;
  right:0px;
  top:-3px;
}
.aboutUs .fr ul li.i02::before{
  right:10px;
}
.aboutUs .fr ul li.i03:before{
  display:none;
}

.aboutUs .fr ul li img{
  width:107px;
  height:60px;
  vertical-align: middle;
  box-sizing: border-box;
}

.aboutUs .fr ul li span{
  font-size: 18px;
  color: #343434;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 400;
  margin-left:4px;
}

.aboutUs .fr ul li.active img{
  border:2px solid #51AB6D;
}
.aboutUs .fr ul li.active span{
  color:#51AB6D;
}


.app{
  width:auto;
  background:none;
  box-shadow:initial;
  min-height:1750px;
}
.app .nav2{
  text-align: center;
}
.app .nav2 li{
  width:160px;
  height:76px;
  border:1px solid #4BB439;
  border-bottom:0;
  border-radius: 6px 6px 0 0;
  display:inline-block;
  font-size:32px;
  line-height:76px;
  text-align: center;
  margin:0 5px;
}
.app .nav2 li.active{
  background:#16AE66;
  color:#fff;
}

.app .txt2{
  background:url(trs_app_wap.jpg) center;
  background-size:100% 100%;
  min-height:1700px;
}
.app .txt2 .item{
  display:none;
  text-align: center;
}
.app .txt2 .item.active{
  display: block;
}
.app .txt2 .item img{
  width:80%;
  height:auto;
  margin-top:60px;
}
.app .txt2 h2{
  font-size:100px;
  color:#099742;
}
.app .txt2 .qrcode{
  width:218px !important;
  height:218px !important;
}

.app .txt2 ul.l1{
  width:75%;
  margin:30px auto;
}
.app .txt2 ul.l1 li{
  width:auto;
  font-size:36px;
  margin-bottom:10px;
  position: relative;
  text-indent:70px;
  text-align: left;
}
.app .txt2 ul.l1 li::after{
  content:'';
  width:52px;
  height:52px;
  background:url(trs_index_ico.png) no-repeat;
  background-size:contain;
  position: absolute;
  top:2px;
  left:0;
}
.app .txt2 p{
  font-size:28px;
  width:566px;
  margin:0 auto;
  text-align: left;
}
.app .txt2 img.qrcode{
  margin-top:30px;
}
.app .txt2 h3{
  width:60%;
  margin:60px auto;
  text-align: left;
  font-size:48px;
}

.app .txt2 ul.l2{
  width:60%;
  margin:40px auto;
}
.app .txt2 ul.l2 li{
  width:auto;
  font-size:32px;
  margin-bottom:20px;
  position: relative;
  text-indent:20px;
  position: relative;
  text-align: left;
}
.app .txt2 ul.l2 li::before{
  content:'';
  width:10px;
  height:10px;
  border-radius: 50%;
  background:#D66D0D;
  position: absolute;
  top:16px;
  left:0;
}
.app .txt2 .imgbox{
  text-align: center;
}
.app .txt2 .imgbox img{
  width:218px !important;
  height:218px !important;
}
.app .txt2 .imgbox span{
  display:block;
  font-size:36px;
  color:#2C2C2C;
}
.app .ctx{
  margin-top:90px;
}
.app .ctx p{
  font-size:36px !important;
  color:#2C2C2C !important;
  margin-bottom:30px !important;
}
.app .ctx p i{
  font-size:80px;
  color: #099742;
}




/*特殊分辨率处理*/	
@media screen and (max-width:600px)
{


}

@media screen and (max-width:400px)
{


}

@media screen and (max-width:360px)
{


}</pre></body></html>